<script setup>
import HomeBanner from "@/views/Home/componets/HomeBanner.vue";
import HomeNew from "@/views/Home/componets/HomeNew.vue";
import HomeHot from "@/views/Home/componets/HomeHot.vue";
import HomeProduct from "@/views/Home/componets/HomeProduct.vue";

defineOptions({
  name: "HomeIndex"
})
</script>

<template>
  <div class="container">
    <HomeBanner />
  </div>
  <HomeNew />
  <HomeHot />
  <HomeProduct />
  <HomeProduct />
  <HomeProduct />
</template>

<style scoped>
.container {
  width: 1240px;
  height: 500px;
  margin: 0 auto;
  color: #333;
  position: relative;
}
</style>
